<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=s, initial-scale=1.0">
    <title>闭包</title>
    <style>
        a{ display: block;}
    </style>
</head>
<body>
    <!-- 创建10个a标签点击弹出对应序号 -->
    <script>
        /* for(let i=0;i<10;i++){
            var a = document.createElement("a");
            // 创建一个a标签
            a.innerHTML = "link连接"+i;
            //设置文本内容
            a.addEventListener("click",()=>alert(i));
            // 添加单击事件(当我们单击链接时候for循环早就完毕了，i的值循环完毕结果是10)
            document.body.append(a);
        } */
        for(var i=0;i<10;i++){
            var a = document.createElement("a");
            // 创建一个a标签
            a.innerHTML = "link连接"+i;
            //设置文本内容
            !function(i){
                a.addEventListener("click",()=>alert(i));
            }(i);
            // 匿名函数自执行方式 
           
            // 添加单击事件(当我们单击链接时候for循环早就完毕了，i的值循环完毕结果是10)
            document.body.append(a);
        }

        if(true){
            let x = 100;
            // x是在一对{} 里面启用
        }
        console.log(x);
        // 外面访问会报错
    </script>

</body>
</html>